import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Home from '@/components/Home'
import Info from '@/components/Info'
import Login from '@/components/Login'
import Nav from '@/components/Nav'
import Tab from '@/components/Tab'
import Table from '@/components/Table'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld,
    },
    {
      path: '/home',
      name: 'Home',
      component: Home,
    },
    {
      path: '/user/Login',
      name: 'Login',
      component: Login,
    },
    {
      path: '/user/Info',
      name: 'Info',
      component: Info,
    },
    {
      path: '/nav',
      component: Nav,
    },
    {
      path: '/tab',
      component: Tab,
    },
    {
      path: '/table',
      component: Table,
    }

    // {
    //   path: '/user',
    //   component: Home,
    //   children: [
    //     {path: 'Info', component: Info},
    //     {path: 'Login', component: Login},
    //   ]
    // }
  ]
})
